<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格标签</title>
</head>

<body>
     <!-- <table>
        <caption>天气预报</caption>
        <thead>
            <tr>
                <th>日期</th>
                <th>天气情况</th>
                <th>出行情况</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>2020年12月11日</td>
                <td></td>
                <td>天气晴朗,适合出行</td>
            </tr>
            <tr>
                <td>2020年12月12日</td>
                <td></td>
                <td>有小雨,出门请带伞</td>
            </tr>
        </tbody>
        <tfoot>
            
        </tfoot> 
    </table> -->
    <!-- 表格最外层容器 -->
    <table border="1" cellpadding="30" cellspacing="30">
        <!-- 表格标题 -->
        <caption>天气预报</caption>
        <thead>
            <!-- 表格行 -->
            <tr>
                <!-- 定义表头 -->
                <th colspan="2">日期</th>
                <th>天气情况</th>
                <th>出行情况</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">2020年12月11日</td>
                <td>白天</td>
                <td></td>
                <td>天气晴朗,适合出行</td>
            </tr>
            <tr>
                <td>白天</td>
                <td></td>
                <td>天气晴朗,适合出行</td>
            </tr>
            <tr>
                <td>2020年12月12日</td>
                <td>阴天</td>
                <td></td>
                <td>有小雨,出门请带伞</td>
            </tr>
        </tbody>
        <tfoot>

        </tfoot>
    </table>
</body>

</html>